/* icone de galeria */
/* icone de pesquisa */
/* icone de pesquisa com simbolo mais*/
/* icone de pesquisa com simbolo menos*/
/* icone de menu*/
/* icone de lixeira*/
/* icone de localizacao*/
/* icone balão de mensagens */
/* icone user*/
/* icone sino*/
/* icone impressora*/
/* icone LAPIS*/
/* icone mapa*/
/* icone proibido*/
/* icone carta*/
/* icone bookmark laço*/
/* icone camera*/
/* icone cartao*/
/* icone cadeado fechado*/
/* icone cadeado aberto*/
/* icone wifi*/
/* icone upload*/
/* icone download*/
/* icone liga desliga*/
/* icone clips*/
/* icone refresh*/
/* icone mouse*/
/* icone teclado*/
/* icone olho vazado*/
/* icone olho preto*/
/* icone bateria fraca*/
/* icone  bateria cheia*/
/* icone celular*/
/* icone laptop*/
/* icone tres pontos vertical*/







/* icone de galeria */

.picture.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    border: solid 1px currentColor;
  }
  
  .picture.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  .picture.icon:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 9px;
    width: 12px;
    height: 8px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .picture.icon:hover{
    color: red;
  }


/* icone de pesquisa */


  .search.icon {
    color: #000;
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    border: solid 1px currentColor;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .search.icon:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    height: 6px;
    width: 1px;
    background-color: currentColor;
  }





  
  /* icone de pesquisa com simbolo mais*/



  .magnify.icon {
    color: #000;
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    border: solid 1px currentColor;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .magnify.icon:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    height: 6px;
    width: 1px;
    background-color: currentColor;
  }
  
  .magnify.icon i {
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .magnify.icon i:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: currentColor;
  }
  
  .magnify.icon i:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  
  
  
  
  /* icone de pesquisa com simbolo menos*/
  .minify.icon {
    color: black;
    position: absolute;
    margin-top: 2px;
    margin-left: 3px;
    width: 12px;
    height: 12px;
    border: solid 1px currentColor;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .minify.icon:before {
    content: '';
    position: absolute;
    top: 12px;
    left: 5px;
    height: 6px;
    width: 1px;
    background-color: currentColor;
  }
  
  .minify.icon i {
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .minify.icon i:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 1px;
    background-color: currentColor;
  }
  
  






  /* icone de menu*/

  .menu.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 10px;
    width: 17px;
    height: 1px;
    background-color: currentColor;
  }
  
  .menu.icon:before {
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    width: 17px;
    height: 1px;
    background-color: currentColor;
  }
  
  .menu.icon:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 17px;
    height: 1px;
    background-color: currentColor;
  }
  
  


  /* icone de lixeira*/

  .trash_icon {

    color: brown;
    position: absolute;
    margin-left: 5px;
    margin-top: 7px;
    width: 15px;
    height: 20px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    border-radius: 0px 0px 3px 3px;
    background-color: brown;


  }
  
  .trash_icon:before {
    content: '';
    position: absolute;
    left: -4px;
    top: -4px;
    width: 23px;
    height: 3px;
    background-color:brown;
    border-bottom:2px solid white;
  }
  
  .trash_icon:after {
    content: '';
    position: absolute;
    left: 2px;
    top: -8px;
    width: 9px;
    height: 3px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
    border-radius: 4px 4px 0 0;
    background:brown;
  }
  
   
  
  
  /* icone de localizacao*/



  .pin.icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 2px;
    width: 12px;
    height: 12px;
    border: solid 1px currentColor;
    border-radius: 7px 7px 7px 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .pin.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 4px;
    height: 4px;
    border: solid 1px currentColor;
    border-radius: 3px;
  }
  
  

 
  /* icone balão de mensagens */


  .chat.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 4px;
    width: 15px;
    height: 10px;
    border: solid 1px currentColor;
    border-radius: 2px;
  }
  
  .chat.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: 8px;
    width: 4px;
    height: 4px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background-color: white;
    border-bottom: solid 1px currentColor;
    border-right: solid 1px currentColor;
  }
  
  


  /* icone user*/

  .profile.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 11px;
    width: 14px;
    height: 6px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px transparent;
    border-radius: 6px 6px 0 0;
  }
  
  .profile.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: -10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  

  /* icone sino*/


  .bell.icon {
    color: #000;
    position: absolute;
    margin-left: 5px;
    margin-top: 2px;
    width: 9px;
    height: 10px;
    border: solid 1px currentColor;
    border-radius: 5px 5px 0 0;
  }
  
  .bell.icon:before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 2px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  .bell.icon:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: -3px;
    width: 15px;
    height: 0px;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px white;
  }
  
  

  /* icone impressora*/


  .print.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 5px;
    width: 15px;
    height: 6px;
    border: solid 1px currentColor;
    border-radius: 1px 1px 0 0;
  }
  
  .print.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: -3px;
    height: 13px;
    width: 9px;
    border: solid 1px currentColor;
    background-color: white;
  }
  
  .print.icon:after {
    content: '';
    position: absolute;
    left: 1px;
    top: -1px;
    width: 13px;
    height: 3px;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    background-color: white;
  }
  
  


  /* icone LAPIS*/

  .edit_icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 7px;
    width: 14px;
    height: 2px;
    border-radius: 1px;
    border: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  .edit_icon:before {
    content: '';
    position: absolute;
    left: -12px;
    top: -1px;
    width: 0px;
    height: 0px;
    border-left: solid 5px transparent;
    border-right: solid 5px currentColor;
    border-top: solid 2px transparent;
    border-bottom: solid 2px transparent;
  }
  
  


  /* icone mapa*/


  .map.icon {
    color: #000;
    position: absolute;
    margin-left: 8px;
    margin-top: 4px;
    width: 4px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
    -webkit-transform: skewY(20deg);
            transform: skewY(20deg);
  }
  
  .map.icon:before {
    content: '';
    position: absolute;
    left: -6px;
    top: 1px;
    width: 4px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
    -webkit-transform: skewY(-40deg);
            transform: skewY(-40deg);
  }
  
  .map.icon:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -3px;
    width: 4px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
    -webkit-transform: skewY(-40deg);
            transform: skewY(-40deg);
  }
  
  

  /* icone proibido*/


  .stop.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    border: solid 1px currentColor;
    border-radius: 8px;
  }
  
  .stop.icon:before {
    content: '';
    position: absolute;
    top: 7px;
    left: -1px;
    width: 17px;
    height: 1px;
    background-color: currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }



  /* icone carta*/


  .mail.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 4px;
    width: 15px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .mail.icon:before {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: rotate(-54deg);
            transform: rotate(-54deg);
  }
  
  .mail.icon:after {
    content: '';
    position: absolute;
    left: 7px;
    top: -4px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: rotate(54deg);
            transform: rotate(54deg);
  }
  
  
  
  

  /* icone bookmark laço*/



  .bookmark.icon {
    color: #000;
    position: absolute;
    margin-left: 5px;
    margin-top: 3px;
    width: 10px;
    height: 15px;
    border-radius: 1px 1px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
  }
  
  .bookmark.icon:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 1px;
    width: 7px;
    height: 7px;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  


  /* icone camera*/


  .camera.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 5px;
    width: 16px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .camera.icon:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 2px;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    border: solid 1px currentColor;
  }
  
  .camera.icon:after {
    content: '';
    position: absolute;
    right: 2px;
    top: -2px;
    width: 4px;
    height: 1px;
    border-radius: 1px 1px 0 0;
    background-color: currentColor;
  }
  
  





  /* icone cartao*/
  .card.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 4px;
    width: 15px;
    height: 10px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .card.icon:before {
    content: '';
    position: absolute;
    top: 1px;
    left: -1px;
    width: 17px;
    height: 2px;
    background-color: currentColor;
  }
  
  .card.icon:after {
    content: '';
    position: absolute;
    right: 1px;
    bottom: 2px;
    width: 4px;
    height: 1px;
    background-color: currentColor;
  }





  /* icone cadeado fechado*/

  .lock.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 10px;
    width: 13px;
    height: 6px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .lock.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -8px;
    width: 5px;
    height: 6px;
    border-radius: 4px 4px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
  }
  
  
  
  /* icone cadeado aberto*/
  .unlock {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 10px;
    width: 13px;
    height: 6px;
    border: solid 1px currentColor;
    border-radius: 1px;
  }
  
  .unlock:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -8px;
    width: 5px;
    height: 3px;
    border-radius: 4px 4px 0 0;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
  }
  
  .unlock:after {
    content: '';
    position: absolute;
    left: 3px;
    top: -4px;
    width: 1px;
    height: 3px;
    background-color: currentColor;
  }
  
  



  /* icone wifi*/

  .signal.icon {
    color: #000;
    position: absolute;
    margin-left: 7px;
    margin-top: 13px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border-top: solid 1px currentColor;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-left: solid 1px transparent;
  }
  
  .signal.icon:before {
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-top: solid 1px currentColor;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-left: solid 1px transparent;
  }
  
  .signal.icon:after {
    content: '';
    position: absolute;
    left: -9px;
    top: -9px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border-top: solid 1px currentColor;
    border-right: solid 1px transparent;
    border-bottom: solid 1px transparent;
    border-left: solid 1px transparent;
  }
  
  


  /* icone upload*/

  .upload.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 12px;
    width: 13px;
    height: 4px;
    border: solid 1px currentColor;
    border-top: none;
    border-radius: 1px;
  }
  
  .upload.icon:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 6px;
    width: 1px;
    height: 9px;
    background-color: currentColor;
  }
  
  .upload.icon:after {
    content: '';
    position: absolute;
    top: -8px;
    left: 4px;
    width: 4px;
    height: 4px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  
  



  
  /* icone download*/

  .download.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 12px;
    width: 13px;
    height: 4px;
    border-radius: 1px;
    border: solid 1px currentColor;
    border-top: none;
  }
  
  .download.icon:before {
    content: '';
    position: absolute;
    left: 6px;
    top: -9px;
    width: 1px;
    height: 10px;
    background-color: currentColor;
  }
  
  .download.icon:after {
    content: '';
    position: absolute;
    left: 4px;
    top: -4px;
    width: 4px;
    height: 4px;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  
  



  
  /* icone liga desliga*/

  .shutdown.icon {
    color: #000;
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  .shutdown.icon:before {
    content: '';
    position: absolute;
    left: 3px;
    top: -2px;
    width: 1px;
    height: 8px;
    border-left: solid 3px white;
    border-right: solid 3px white;
    background-color: currentColor;
  }
  
  


  
  /* icone clips*/


  .paperclip.icon {
    color: #000;
    position: absolute;
    margin-left: 9px;
    margin-top: 2px;
    width: 6px;
    height: 12px;
    border-radius: 4px 4px 0 0;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .paperclip.icon:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -1px;
    width: 4px;
    height: 6px;
    border-radius: 0 0 3px 3px;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
  }
  
  .paperclip.icon:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 2px;
    height: 10px;
    border-radius: 4px 4px 0 0;
    border-left: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-top: solid 1px currentColor;
  }
  
  

  
  /* icone refresh*/


  .refresh.icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border-top: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
    border-left: solid 1px transparent;
    border-right: solid 1px currentColor;
  }
  
  .refresh.icon:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 10px;
    width: 3px;
    height: 3px;
    border-top: solid 1px currentColor;
    border-left: solid 1px currentColor;
    -webkit-transform: rotate(-22.5deg);
            transform: rotate(-22.5deg);
  }
  
  


  
  /* icone mouse*/


  .mouse.icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 1px;
    width: 11px;
    height: 17px;
    border: solid 1px currentColor;
    border-radius: 6px;
  }
  
  .mouse.icon:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -1px;
    width: 13px;
    height: 1px;
    background-color: currentColor;
  }
  
  .mouse.icon:after {
    content: '';
    position: absolute;
    top: -1px;
    left: 5px;
    width: 1px;
    height: 7px;
    background-color: currentColor;
  }
  
  
  
  /* icone teclado*/

  .keyboard.icon {
    color: #000;
    position: absolute;
    margin-left: 1px;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .keyboard.icon:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 1px;
    height: 1px;
    border: 1px solid transparent;
    box-shadow: -2px 0 0 -1px currentColor,  2px 0 0 -1px currentColor,  0 -2px 0 -1px currentColor,  0 2px 0 -1px currentColor,  -6px 0 0 -1px currentColor,  6px 0 0 -1px currentColor,  -4px -2px 0 -1px currentColor,  -4px 2px 0 -1px currentColor,  4px -2px 0 -1px currentColor,  4px 2px 0 -1px currentColor;
  }
  
  .keyboard.icon:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 4px;
    width: 9px;
    height: 1px;
    background-color: currentColor;
  }
  
  


  
  /* icone olho vazado*/
  .keyboard.icon {
    color: #000;
    position: absolute;
    margin-left: 1px;
    margin-top: 4px;
    width: 17px;
    height: 11px;
    border-radius: 1px;
    border: solid 1px currentColor;
  }
  
  .keyboard.icon:before {
    content: '';
    position: absolute;
    left: 7px;
    top: 3px;
    width: 1px;
    height: 1px;
    border: 1px solid transparent;
    box-shadow: -2px 0 0 -1px currentColor,  2px 0 0 -1px currentColor,  0 -2px 0 -1px currentColor,  0 2px 0 -1px currentColor,  -6px 0 0 -1px currentColor,  6px 0 0 -1px currentColor,  -4px -2px 0 -1px currentColor,  -4px 2px 0 -1px currentColor,  4px -2px 0 -1px currentColor,  4px 2px 0 -1px currentColor;
  }
  
  .keyboard.icon:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 4px;
    width: 9px;
    height: 1px;
    background-color: currentColor;
  }
  
  



  
  /* icone olho preto*/
  .eye-solid.icon {
    color: #000;
    position: absolute;
    margin-left: 3px;
    margin-top: 3px;
    width: 12px;
    height: 12px;
    border-radius: 70% 15%;
    border: solid 1px currentColor;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  
  .eye-solid.icon:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    border: solid 1px currentColor;
    background-color: currentColor;
  }
  
  

  
  /* icone bateria fraca*/

  .battery-1.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 6px;
    width: 13px;
    height: 7px;
    border-radius: 2px;
    border: solid 1px currentColor;
  }
  
  .battery-1.icon:before {
    content: '';
    position: absolute;
    right: -3px;
    top: 1px;
    width: 2px;
    height: 3px;
    border-radius: 0 2px 2px 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
  }
  
  .battery-1.icon:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 4px;
    height: 5px;
    background-color: currentColor;
  }
  
  
  
  /* icone  bateria cheia*/
  .battery-3.icon {
    color: #000;
    position: absolute;
    margin-left: 2px;
    margin-top: 6px;
    width: 13px;
    height: 7px;
    border-radius: 2px;
    border: solid 1px currentColor;
  }
  
  .battery-3.icon:before {
    content: '';
    position: absolute;
    right: -3px;
    top: 1px;
    width: 2px;
    height: 3px;
    border-radius: 0 2px 2px 0;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    border-bottom: solid 1px currentColor;
  }
  
  .battery-3.icon:after {
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 11px;
    height: 5px;
    background-color: currentColor;
  }
  
  

  
  /* icone celular*/

  .mobile.icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 0px;
    width: 12px;
    height: 19px;
    border-radius: 2px;
    border: solid 1px currentColor;
  }
  
  .mobile.icon:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 1px;
    width: 2px;
    height: 1px;
    background-color: currentColor;
  }
  
  .mobile.icon:after {
    content: '';
    position: absolute;
    bottom: 1px;
    left: 5px;
    height: 2px;
    width: 2px;
    border-radius: 50%;
    background-color: currentColor;
  }
  
  


  /* icone laptop*/


  .laptop.icon {
    color: #000;
    position: absolute;
    margin-left: 4px;
    margin-top: 3px;
    width: 12px;
    height: 8px;
    border-radius: 2px;
    border: solid 1px currentColor;
  }
  
  .laptop.icon:before {
    content: '';
    position: absolute;
    left: -4px;
    bottom: -5px;
    width: 18px;
    height: 1px;
    border-radius: 0 0 2px 2px;
    border: solid 1px currentColor;
  }
  





  /* icone tres pontos vertical*/

  .more-vertical.icon {
    color: #000;
    position: absolute;
    margin-left: 9px;
    margin-top: 9px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  .more-vertical.icon:before {
    content: '';
    position: absolute;
    left: -1px;
    top: -8px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }
  
  .more-vertical.icon:after {
    content: '';
    position: absolute;
    left: -1px;
    top: 6px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: solid 1px currentColor;
  }